<template>
  <transition>
    <router-view></router-view>
  </transition>
</template>

<style>
* {
  padding: 0;
  margin: 0;
}

.push-enter-active, .push-leave-active, .pop-enter-active, .pop-leave-acive {
  transition: all 0.4s;
}

.push-leave-to {
  transform: translate(-20%, 0);
}

.push-enter {
  transform: translate(100%, 0);
}

.push-enter-active {
  z-index: 10;
}

.push-leave-active {
  z-index: 0;
}

.pop-leave-active {
  transform: translate(100%, 0);
}

.pop-enter {
  transform: translate(-20%, 0);
}

.wh_content_all {
  background-color: #4452b6 !important;
}

.van-collapse-item__content {
  padding: 0 !important;
}

.wh_chose_day {
  background: #e3e5f5 !important;
  color: #4452b6 !important;
}

.wh_isToday {
  background: #4452b6 !important;
  font-weight: bolder;
  color: #fff !important;
}

.collapse-item__title {
  background: rgb(245, 245, 248) !important;
}

</style>
